<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="qc:admins" content="77103107776553571676375" />
<meta property="wb:webmaster" content="c4f857219bfae3cb" />
<meta http-equiv="Access-Control-Allow-Origin" content="*" />
<meta name="Keywords" content="" />
<meta name="Description" content="超酷的互联网、IT技术免费学习平台，创新的网络一站式学习、实践体验；服务及时贴心，内容专业、有趣易学。专注服务互联网工程师快速成为技术高手！" />

<title>视频播放</title>
 	<link href="css/1.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap theme -->
    <link href="css/bootstrap-theme.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="theme.css" rel="stylesheet">
    <link href="css/sticky-footer-navbar.css" rel="stylesheet">


<script type="text/javascript">
  var OP_CONFIG={"module":"course","page":"video","userInfo":{"uid":"1145451","nickname":"\u989c\u8272\u6e10\u53d8","head":"http:\/\/img.mukewang.com\/user\/545847d40001cbef02200220-80-80.jpg","usertype":"1","roleid":0}};
  var tplDef={
	"url_space_u":"/space/u",
	"url_space_index":"/space/index",
    "url_space_course":"/space/course",

    "url_course_qadetail":"/qadetail",
    "media_id":"8700"
  }
  var seajsTimestamp="v=201507131927";
</script>


<script type="text/javascript">
var pageInfo = { mid : 8700 };
var video_id= 7605;
var course_id = 426;
var chapter_id = 2230;
var ispreview ='0';
var videoTitle = "1-1 开篇介绍";
</script>

<link rel="stylesheet" href="http://static.mukewang.com/static/css/??base.css,common/common-less.css,course_common.css,course_play.css?v=1434625499" type="text/css" />
</head>



<body role="document">
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="demo.html"><img src="images/logo.jpg" width="65px" height="50px"></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="demo.html"><span class="shouye">首页</span></a></li>
        <li class="active"><a href="index.html">课程<span class="sr-only">(current)</span></a></li>
        <li><a href="#">计划</a></li>
        <li class="dropdown">
          <a href="community.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">社区<span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="http://jsj.zjweu.edu.cn">信息技术与艺术设计学院</a></li>
            <li><a href="http://www.zjweu.edu.cn">浙江水利水电学院</a></li>
            <li><a href="http://www.dxstudio.org">东旭工作室</a></li>
            <li class="divider"></li>
            <li><a href="http://www.baidu.com">百度</a></li>
            <li class="divider"></li>
            <li><a href="http://chaxun.neea.edu.cn/examcenter/main.jsp">教育部综合考试查询网</a></li>
          </ul>
        </li>
      </ul>
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
          <button type="submit" class="bbt" >搜索</button>
      </form>
      <ul class="nav navbar-nav navbar-right">
         <!--<li><a href="login.html">登录</a></li>-->
         <li><a href="#">欢迎…………的登录</a></li> 
        <li class="dropdown">
          <!--<a href="zhuce.html">注册</a> -->
           <a href="zhuce.html">注销</a>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
    <div class="tiao">
    <a href="#">英语全部课程</a> 〉<a href="#">网络课程</a> 〉<a href="#">如何有效学习英语</a></div>
  </div><!-- /.container-fluid -->
</nav>
<div class="biaoti">如何有效学习英语</div>
<!--视屏窗口开始-->
    <center>
    <div class="vvv">
        <video width="945" height="530" controls preload> 
            <source src="3311609.mp4" media="only screen and (min-device-width: 568px)"></source>
            <source src="video.3311609.mp4" media="only screen and (max-device-width: 568px)"></source>
        </video></div>
    </center>
<!--视屏窗口结束-->

<div class="maybe-wenda" id="maybe-wenda" style="display: none;">
    <i class="icon-chat"></i>
    <p class="text">你发的评论可能会是问题？<br/>是否将他发到问答中</p>
    <input class="btn ok" type="button" value="好的" id="wenda-ok"><!--
--><input class="btn no" type="button" value="不用" id="wenda-no">
</div>
</div>

<div class="course-subcontainer clearfix">
  <div class="course-left">
    <div class="course-left-inner wrap-boxes">
      <div id="disArea" class="lists-container">
    <ul class="course-menu course-video-menu clearfix">
        <li class="course-menu-item"><a class="acti" href="javascript:void(0)" id="plMenu">评论</a></li>             
        <li class="course-menu-item"><a href="javascript:void(0)" id="qaMenu">问答</a></li>
        <li class="course-menu-item"><a href="javascript:void(0)" id="noteMenu">笔记</a></li>
            </ul>
    <div id="pl-content" class="list-tab-con">
        <div class="publish clearfix" id="discus-publish">
            <div class="publish-wrap publish-wrap-pl">
               <div class="pl-input-wrap">
                   <div id="js-pl-input-fake" class="pl-input-inner">
                       <textarea  id="js-pl-textarea" class="js-placeholder" placeholder="把你想说的都可以写出来哦！" ></textarea>
                       <span  class="num-limit"><span id="js-pl-limit">0</span>/300</span>
                   </div>
                   <div class="pl-input-btm input-btm clearfix">
                        <input type="button"  id="js-pl-submit" class="r course-btn" value="发表评论" >
                   </div>
               </div>
                
            </div>
        </div>                    
        <div id="plLoadListData">

        </div>   
    </div>
    <div id="qa-content" class="list-tab-con" style="display:none">
        <div class="publish clearfix" id="discus-publish">
            <div class="publish-wrap publish-wrap-disucss video-publish-qa">
                <div class="qa-control-wrap clearfix">
                    <label for="">标题：</label>
                    <div class="question-area">
                    <div class="qa-control"> 
                        <input type="text" id="js-qa-title" maxlength="255" class="qa-ipt-title js-placeholder autocomplete" placeholder="请输入问题标题">
                    </div>
                    <dl class="send-area-result">
                    </dl>
                    </div>
                </div>
                <div class="qa-control-wrap clearfix">
                    <label for="">内容：</label>
                    <div class="qa-control">
                                                <div class="publish-shot publish-shot-discuss">
                            <div title="点击截屏"  class="js-shot-video shot-video-icon" data-type="qa"></div>
                            <div class="shot-video-img hide">
                                <img width="120" height="90" src="" alt="" />
                                <span title="取消截图"  class="js-close-vshot btn-close">&times;</span>
                                <span class="shot-time"></span>
                            </div>
                        </div>
                                                <div class="rich-text-editor">
                            <textarea id="discuss-editor" >请输入讨论内容...</textarea>
                        </div>
                    </div>
                </div>
                <div id="js-discuss-btm input-btm" class="discuss-bottom clearfix">
                    <input id="js-discuss-submit" class="r course-btn" type="button" value="发布" >
                </div>
                
            </div>
        </div>                    
        <div id="qaLoadListData">

        </div>   
    </div>
    <div id="note-content" class="list-tab-con" style="display:none">
        <div class="publish clearfix" id="note-publist">
            <div class="publish-wrap publish-wrap-note video-publish-note ">
                <div class="publish-note-inner">
                                        <div class="publish-shot publish-shot-note">
                        <div title="点击截屏"  class="js-shot-video shot-video-icon" data-type="note"></div>
                        <div class="shot-video-img hide">
                            <img width="120" height="90" src="" alt=""/>
                            <span title="取消截图"  class="js-close-vshot btn-close">&times;</span>
                            <span class="shot-time"></span>
                        </div>
                    </div>
                                        <div id="js-note-input-fake" class="note-input textarea-wrap">
                        <textarea data-maxlength="1000" id="js-note-textarea" class="js-placeholder" name="" placeholder="请输入笔记内容..."></textarea>
                        <p class="note-text-counter"><span id="js-note-limit">0</span>/1000</p>
                    </div>
                </div>
                <div class="publish-note-btns input-btm clearfix">
                    <input type="button" title="发表" value="保存" id="js-note-submit" class="course-btn r" />
                    <label for="js-isshare"  class="label-checked r"><input type="checkbox" checked="checked" id="js-isshare" class="checked" /> 分享给同学</label>
                </div>
            </div>
            
        </div>
        <div id="noteLoadListData">
        </div>
    </div>
    <div id="wiki-content" class="list-tab-con" style="display:none;">
        <div id="wikiLoadListData">
        </div>
    </div> 
    <div id="mate-content" class="list-tab-con" style="display:none;">
        <div id="mateLoadListData">
        </div>
    </div> 

</div>
    </div>
  </div>
  <div class="course-right">
    <div class="course-right-inner">
       <div class="course-relation wrap-boxes">
  <h2>相关课程</h2>
    <div class="course-relationlist clearfix">
      <a href="/view/342?src=sugc" class="course-cover"><img src="http://img.mukewang.com/550b86560001009406000338.jpg" width="108" height="60" border="0"/>
        <span class="course-name">C++远征之起航篇</span></a>
  </div>
    <div class="course-relationlist clearfix">
      <a href="/view/381?src=sugc" class="course-cover"><img src="http://img.mukewang.com/553ee6a7000166a806000338.jpg" width="108" height="60" border="0"/>
        <span class="course-name">C++远征之离港篇</span></a>
  </div>
    <div class="course-relationlist clearfix">
      <a href="/view/382?src=sugc" class="course-cover"><img src="http://img.mukewang.com/553ef667000115b406000338.jpg" width="108" height="60" border="0"/>
        <span class="course-name">C++远征之封装篇（上）</span></a>
  </div>
  </div>
<div class="classmate wrap-boxes">
  <h2><span style="color:#be3948">1766</span> 位共同战斗的同学 <a href="javascript:;" title="换一换" class="js-ch-mate ch-classmate">换一组</a> </h2>
  <ul id="js-class-mate" class="users"></ul>
</div>
    </div>
  </div>
</div>


<div id="footer" >
    <div class="waper">
        <div class="footerwaper clearfix">
            <div class="followus r">
                <a class="followus-weixin" href="javascript:;"  target="_blank" title="微信">
                    <div class="flw-weixin-box"></div>
                </a>
                <a class="followus-weibo" href="http://weibo.com/u/3306361973"  target="_blank" title="新浪微博"></a>
                <a class="followus-qzone" href="http://user.qzone.qq.com/1059809142/" target="_blank" title="QQ空间"></a>
            </div>
            <div class="footer_intro l">
                <div class="footer_link">
                    <ul>
                       <li><a href="demo.html" target="_blank">首页</a></li>
                        <li><a href="index.html" target="_blank">课程</a></li>
                        <li> <a href="community.html" target="_blank">社区</a></li>
                        <li><a href="#" target="_blank">高校联盟</a></li>
                        <li><a href="#" target="_blank">关于我们</a></li>
                        <li> <a href="#" target="_blank">意见反馈</a></li>
                        <li> <a href="#" target="_blank">友情链接</a></li>
                    </ul>
                </div>
                <p>Copyright © 2015 东旭工作室 All Rights Reserved</p>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript" charset="utf-8" src="/static/lib/ueditor/ueditor.final.min.js"></script>

<script type="text/javascript" src="/static/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<script type="text/javascript" src="/static/sea_config.js?v=201507131927"></script>
<script type="text/javascript">seajs.use("/static/page/"+OP_CONFIG.module+"/"+OP_CONFIG.page);</script>



<div style="display: none">
  <script type="text/javascript">
  var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
  document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Ff0cfcccd7b1393990c78efdeebff3968' type='text/javascript'%3E%3C/script%3E"));
  </script>
</div>
<div id="video_mark" class="video_mark" style="display:none;"></div>
</body>
</html>
